<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <meta charset="utf-8">
    <title>中工教材网</title>
    <script type="text/javascript" src="../../js/jquery-3.5.1.min.js"></script>
    <script type="text/javascript" src="../../js/Readme.js"></script>
    <link rel="stylesheet" type="text/css" href="../../css/mystyle.css">
    <link rel="stylesheet" type="text/css" href="../../css/style.css">
    <link rel="stylesheet" type="text/css" href="../../css/bootstrap.css">
</head>

<body>
<div class="top" >
    <div class="logo"> <a href="">中工书城</a> </div>
    </ul>
    <div class="clear"></div>
</div>
</div>
<!--top-->
<div id="nav" style="background: #0D5780">
    <div id="mulu">
        <ul>

            <li ><a href="#goal">教材使用</a></li>
            <li><a href="#">网站导航<span class="icon"></span></a>
                <ul class="list1">
                    <li><a href="#">帮助</a></li>
                    <li><a href="#">关于我们</a></li>
                </ul>
            </li>
        </ul>
    </div> <!--mulu-->

</div>
<div class="content">
    <div id="main">

        <div id="tu">
            <div class="c-banner">
                <div class="banner">
                    <ul>
                        <li><img src="../../images/book1.jpg" width="1000"></li>
                        <li><img src="../../images/lunbo1.jpg" ></li>
                        <li><img src="../../images/book2.jpg" ></li>
                        <li><img src="../../images/lunbo2.jpg"></li>
                        <li><img src="../../images/shan.png"></li>
                        <li><img src="../../images/book3.jpg" ></li>
                    </ul>
                </div>
                <!--banner-->
                <div class="nexImg"><img src="../../images/nexImg.png" /></div>
                <div class="preImg"><img src="../../images/preImg.png" /></div>
                <div class="jumpBtn">
                    <ul>
                        <li jumpImg="0"></li>
                        <li jumpImg="1"></li>
                        <li jumpImg="2"></li>
                        <li jumpImg="3"></li>
                        <li jumpImg="4"></li>
                        <li jumpImg="5"></li>
                    </ul>
                </div><!--jumpBtn-->

            </div>  <!--c-banner-->

        </div><!--tu-->
    </div>
    <div id="goal">


        <form class="form-inline">
            <div class="form-group">
                <label for="exampleInputEmail2">搜索关键词</label>
                <input type="email" class="form-control" id="exampleInputEmail2" placeholder="数据结构">

                <button type="submit" class="btn btn-primary btn-sm" style="margin-left: 30px;">搜索</button>
            </div>
        </form>

        <div class="bs-example" data-example-id="hoverable-table">
            <table class="table table-hover">
                <thead>
                <tr>

                    <th>二级学院</th>
                    <th>专业名称</th>

                </tr>
                </thead>
                <tbody>
                <tr>

                    <td><a href="#">纺织学院</a></td>
                    <td>纺织工程、轻化工程、非织造材料与工程
                    </td>

                </tr>
                <tr>

                    <td><a href="#">能源与环境学院</a></td>
                    <td>建筑环境与能源应用工程、能源与动力工程、安全工程、环境工程、给水排水科学与工程
                    </td>

                </tr>
                <tr>

                    <td><a href="#">机电学院</a></td>
                    <td>机械设计制造及其自动化、工业设计、工业工程、车辆工程、机械电子工程
                    </td>

                </tr>
                <tr>

                    <td><a href="#">电子信息学院</a></td>
                    <td>自动化专业、电气工程及其自动化专业、测控技术与仪器专业、通信工程、电子信息工程、飞行器控制与信息工程、无人驾驶航空器系统工程

                    </td>

                </tr>
                <tr>

                    <td><a href="#">材料与化工学院</a></td>
                    <td>材料成型及控制工程、材料科学与工程、应用化学、高分子材料与工程
                    </td>

                </tr>
                <tr>

                    <td><a href="${pageContext.request.contextPath}/book/mainBook">计算机学院</a>
                    </td>
                    <td>计算机科学与技术、网络工程、软件工程、信息安全、人工智能</td>

                </tr>
                <tr>

                    <td><a href="#">建筑工程学院</a>
                    </td>
                    <td>土木工程、建筑学、工程管理、城市地下空间工程
                    </td>

                </tr>
                <tr>

                    <td><a href="#">服装学院</a></td>
                    <td>服装设计与工程、服装与服饰设计、产品设计、服装表演

                    </td>

                </tr>
                <tr>

                    <td><a href="#">艺术设计学院</a></td>
                    <td>环境设计、视觉传达设计、摄影、动画
                    </td>

                </tr>
                <tr>

                    <td><a href="#">经济管理学院</a></td>
                    <td>纺织工程、轻化工程、非织造材料与工程工商管理、会计学、工程造价 、市场营销、会展经济与管理、空中乘务与空港管理、信息管理与信息系统、国际经济与贸易、金融学、公共事业管理

                    </td>

                </tr>
                <tr>

                    <td><a href="#">新闻与传播学院</a></td>
                    <td>播音与主持艺术、广播电视新闻学、广播电视编导  、表演 、网络与新媒体

                    </td>

                </tr>
                <tr>

                    <td><a href="#">法学院</a></td>
                    <td>法学、社会工作、知识产权

                    </td>

                </tr>
                <tr>

                    <td><a href="#">外国语学院</a></td>
                    <td>英语、汉语国际教育、日语

                    </td>

                </tr>
                <tr>

                    <td><a href="#">理学院</a></td>
                    <td>数学与应用数学、信息与计算科学、应用物理

                    </td>

                </tr>

                </tbody>
            </table>
        </div>
    </div>


</div><!--content-->

</body>
</html>